<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="description" content="Miminium Admin Template v.1">
  <meta name="author" content="Isna Nur Azis">
  <meta name="keyword" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>用户列表</title>

  <!-- start: Css -->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/bootstrap.min.css">

  <!-- plugins -->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/font-awesome.min.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/simple-line-icons.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/mediaelementplayer.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/animate.min.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/asset/css/plugins/icheck/skins/flat/red.css"/>
  <link href="__PUBLIC__/asset/css/style.css" rel="stylesheet">
  <!-- end: Css -->

  <link rel="shortcut icon" href="__PUBLIC__/asset/img/logomi.png">
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>


<body id="mimin" class="dashboard">
  <!-- start: Header -->
  {include file="public/head" /}
<!-- end: Header -->

<div class="container-fluid mimin-wrapper">

  <!-- start:Left Menu -->
  {include file="public/left" /}
  <!-- end: Left Menu -->

  <!-- start: Content -->
  <div id="content">
   <div class="panel box-shadow-none content-header">
    <div class="panel-body">
      <div class="col-md-12">
        <h3 class="animated fadeInLeft">用户 列表</h3>
        <p class="animated fadeInDown">
          首页 <span class="fa-angle-right fa"></span>用户 列表
        </p>
      </div>
    </div>
  </div>

  <div class="col-md-12 top-20 padding-0">
    <div class="col-md-12">
      <div class="panel">
        <div class="panel-body">
          <div class="col-md-12 padding-0" style="padding-bottom:20px;">
            <div class="col-md-6" style="padding-left:10px;">
              <select>
                <option name = "modify">修改</option>  
                <option name = "delete">删除</option>
              </select>
              <!-- data-target="#myModal" -->
              <button  class="btn ripple-infinite btn-round btn-info" name="ActionButton" data-toggle = "modal" ><span>
              确定</span></button>
              <!-- data-toggle="modal" data-target="#myModal" -->
            </div>
            <form action="">
            <div class="col-md-6">
             <div class="col-lg-12">
              <div class="input-group">
                <input type="text" class="form-control" name="key" placeholder="请输入用户名查找">
                <div class="input-group-btn">
                  <button type="submit" class="btn btn-default dropdown-toggle">搜索</button>
                  
                </div><!-- /btn-group -->
              </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->
          </div>
          </form>
        </div>
        <div class="responsive-table">
          <table class="table table-striped table-bordered" width="100%" cellspacing="0">
            <thead>
              <tr>
                <th><input type="checkbox" class="icheck " name="checkbox1" id = "theadcheck"/></th>
                <th>ID</th>
                <th>用户名</th>
                <th>注册时间</th>
                <th>联系电话</th>
                <th>会员等级</th>
                <th>身份证号码</th>
                <th>邮箱</th>
              </tr>
            </thead>
            <tbody>
              {foreach $data as $value}
              <tr>
                <td class = "tdbox"><input type="checkbox" class="icheck" name="checkbox2" /></td>
                <td name="id">{$value.id}</td>
                <td>{$value.username}</td>
                <td>{$value.create_time}</td>
                <td>{$value.phone}</td>
                <td>{$value.memberlevel}</td>
                <td>{$value.identitynum}</td>
                <td>{$value.email}</td>
              </tr>
              {/foreach}
            </tbody>
          </table>
          
          <div class="col-md-6" style="padding-top:20px;">
                    <span>展示 {$total}个结果中的 {$count} 个</span>
                  </div>
                  <div class="col-md-6">
                        {$page}
                  </div>
          <div class="col-md-6" style="margin-left:-10%;">  
                     </div>
                   </div>
                   <div class="modal fade" data-backdrop = "static" id = "myModal" aria-hidden="true" role="dialog" tabindex="-1" aria-labelledby="myModalLabel">

                    <div class="modal-dialog" style="width:80%;" >
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title" id="myModalLabel">修改</h4>
                        </div>
                        <form method="post" action="{:Url('User/modifyUser');}">
                        <div class="modal-body">
                          <input type="text"   value = "ID" disabled >
                          <input type="text"   value = "用户名" disabled >
                          <input type="text"   value = "创建时间" disabled >
                          <input type="text"   value = "联系电话" disabled >
                          <input type="text"   value = "会员等级" disabled >
                          <input type="text"   value = "省份证号码" disabled >
                          <input type="text"   value = "邮箱" disabled >
                        </div>
                        
                        <div class="modal-body">
                          <input type="text"  name="id" >
                          <input type="text"  name="username" >
                          <input type="text"  name="create_time" >
                          <input type="text"  name="phone" >
                          <input type="text"  name="memberlevel" >
                          <input type="text"  name="identitynum" >
                          <input type="text"  name="email" >
                        </div>
                      </form>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                          <button type="button" class="btn btn-primary" name = "savemodify">保存修改</button>
                        </div>
                      </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                  </div>
                </div>
              </div>  
            </div>
          </div>  
          <!-- end: content -->

          <!-- start: right menu -->
          
<!-- end: right menu -->

</div>

<!-- start: Mobile -->
{include file="public/mobile" /}
<!-- end: Mobile -->

<!-- start: Javascript -->
<script src="__PUBLIC__/asset/js/jquery.min.js"></script>
<script src="__PUBLIC__/asset/js/jquery.ui.min.js"></script>
<script src="__PUBLIC__/asset/js/bootstrap.min.js"></script>


<!-- plugins -->
<script src="__PUBLIC__/asset/js/plugins/moment.min.js"></script>
<script src="__PUBLIC__/asset/js/plugins/icheck.min.js"></script>
<script src="__PUBLIC__/asset/js/plugins/jquery.nicescroll.js"></script>


<!-- custom -->
<script src="__PUBLIC__/asset/js/main.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
   $('input').iCheck({
    checkboxClass: 'icheckbox_flat-red',
    radioClass: 'iradio_flat-red'
  });
 });


</script>
<!-- <script src="__PUBLIC__/js/tableJs.js"></script> -->
<!-- <script src="__PUBLIC__/js/Best.js"></script> -->
<script src="/js/ok.js"></script>
<!-- end: Javascript -->
<script>
  
</script>
</body>
</html>